// Global variable overrides. Must be declared before importing Valo.

// Defines the plaintext font size, weight and family. Font size affects general component sizing.
//$v-font-size: 16px;
//$v-font-weight: 300;
//$v-font-family: "Open Sans", sans-serif;

// Defines the border used by all components.
//$v-border: 1px solid (v-shade 0.7);
//$v-border-radius: 4px;

// Affects the color of some component elements, e.g Button, Panel title, etc
//$v-background-color: hsl(210, 0%, 98%);
// Affects the color of content areas, e.g  Panel and Window content, TextField input etc
//$v-app-background-color: $v-background-color;

// Affects the visual appearance of all components
//$v-gradient: v-linear 8%;
//$v-bevel-depth: 30%;
//$v-shadow-opacity: 5%;

// Defines colors for indicating status (focus, success, failure)
//$v-focus-color: valo-focus-color(); // Calculates a suitable color automatically
//$v-friendly-color: #2c9720;
//$v-error-indicator-color: #ed473b;

// For more information, see: https://vaadin.com/book/-/page/themes.valo.html
// Example variants can be copy/pasted from https://vaadin.com/wiki/-/wiki/Main/Valo+Examples

@import "../reindeer/reindeer.scss";

@mixin sisgestionorden {
  @include reindeer;
}
.v-absolutelayout-pieLogin {
	background-color: #087DDC;

}
.v-absolutelayout-body {
	background-color: white;

}
.v-absolutelayout-pieLogin .v-label {
		color: #FFFFFF;
	}
.v-ui {
	background:#009FFF;
}

.v-textfield:focus {
	border: 1px solid #009FFF;
}

.v-textfield-user {
		background-image:url(/SisGestionOrden/VAADIN/themes/sisgestionorden/images/user.png) !important;
	 background-position: 1px center !important;
    background-repeat: no-repeat !important;
    padding:0 0 0 16px !important;
}

.v-textfield-password {
		background-image:url(/SisGestionOrden/VAADIN/themes/sisgestionorden/images/password.png) !important;
	 background-position: 1px center !important;
    background-repeat: no-repeat !important;
    padding:0 0 0 16px !important;
}



.v-menubar {
	background: #087DDC !important;
	text-shadow: none !important;
}

.v-menubar-submenu {
	background: #087DDC !important;
}

.v-menubar-menuitem-barra .v-menubar-menuitem-caption {
	font-size:10px;
	color: #FFFFFF;
	word-wrap:break-word !important;
	white-space: pre-line !important;
	display: inline-block;
	width:93px !important;
	height: 40px;
	text-align:center;
	vertical-align:middle;
	line-height: 16px;
}
 .v-menubar .v-menubar-menuitem-selected {
    height: 40px !important;
}
.v-menubar .v-menubar-menuitem {
    padding: 8px 8.4px !important;
    height: 40px !important;
}
.v-menubar-menuitem {
font-size:10px;
color: #FFFFFF;
}
.v-menubar .v-menubar-menuitem-selected,.v-menubar-submenu .v-menubar-menuitem-selected
	{
	background: #009FFF !important;
}

.v-menubar-submenu-indicator {
	
}

/*.v-disabled.v-button {
	background: #5CB85C;
}

.v-disabled.v-button .v-button-wrap {
	background: #5CB85C;
}

.v-button {
	border-radius: 5px;
	background: #009FFF;
	text-decoration: none;
	outline: none;
}

.v-button-wrap {
	background: #009FFF;
	border-radius: 5px;
	text-decoration: none;
}

.v-button-caption {
	color: #FFFFFF;
	font-family: "Comic Sans MS", Calibri, Arial;
	font-size: 11px;
	text-align: center;
}
*/
.v-window-outerheader {
	color: #FFFFFF;
	text-align: center;
	background: #087DDC !important;
}

.v-table {
	border-color: #009FFF;
}

.v-table-header-wrap {
	color: #FFFFFF !important;
	text-align: center;
	background: #087DDC !important;
	border-color: #009FFF !important;
}

.v-table-header {
	
}

.v-table-header-cell {
	border-color: #009FFF !important;
}

.v-table-resizer {
	border-color: #009FFF;
} /* Column resizer handle. */
.v-table-caption-container {
	
}

.v-table-body {
	border-color: #009FFF !important;
}

.v-table-row-spacer {
	
}

.v-table-table {
	
}

.v-table-row {
	
}

.v-table-cell-content {
	color: #000000;
	font-family: "Comic Sans MS", Calibri, Arial;
	font-size: 13px;
	text-align: center;
	background: #FFFFFF;
	border-color: #009FFF;
}

.v-filterselect {
	border: 0px;
	background: none;
}

/*.v-window .v-filterselect-input,.v-popupview-popup .v-filterselect-input
	{
	border: 1px solid #5CB85C;
	background: rgb(255, 255, 255) ;
	height: 13px;
}
*/
.v-filterselect-suggestpopup {
	background: #087DDC !important;
	color: #FFFFFF !important ;
}
/*
.v-filterselect-input:focus {
	border: 1px solid #009FFF;
}
*/
.v-filterselect-suggestmenu .gwt-MenuItem-selected {
	background: #009FFF !important;
		color: #FFFFFF !important ;
}

.v-datefield-calendarpanel {
	background: #087DDC;
	color: #FFFFFF;
	border-collapse: none;
}

.v-datefield-calendarpanel-time {
	display: none;
}

td.v-datefield-calendarpanel-month {
	color: #000000 !important;
}

.v-datefield-calendarpanel-weekdays .v-first {
	background: #009FFF;
}

.v-datefield-calendarpanel-weekdays .v-last {
	background: #009FFF;
}

.v-datefield-calendarpanel-day-selected {
	background: #009FFF;
}

.v-datefield-textfield {
	pointer-events: none; 
}

.v-datefield-calendarpanel-weekdays td{
	background: #087DDC !important;
	text-align:center;
}

.v-datefield-calendarpanel-day-selected {
	background: #009FFF !important;
	text-shadow: none;
}
.v-datefield-popup{
background: #087DDC !important;
}
.v-datefield-calendarpanel-day-offmonth {
    
}